let xxx = {
    name: 'xxx',
    data() {
        return {
            name: 'component-header',
            isShow: {
                mobileMenu: false
            },
            activeNav: '首页',
            hover: ''
        };
    },
    computed: {},
    methods: {
        // 返回主页
        showMobileMenu() {
            this.isShow.mobileMenu = !this.isShow.mobileMenu;
        },
        // chu
        handleNavclick(e) {
            this.activeNav = e;
            switch (e) {
                case '首页':
                    this.$router.push('/');
                    break;
                case '产品&解决方案':
                    // this.$router.push('/product')
                    this.hover = '';
                    break;
                default:
                    break;
            }
        },
        handleDowboxshow() {
            // this.handleDowboxshows()
            this.hover = '产品&解决方案';
            this.$refs.position.addEventListener('mouseleave', () => {
                this.hover = '产品&解决方案';
            });
        },
        handleDowboxshows() {
            this.hover = '产品&解决方案';
        },
        handleDownboxhides() {
            this.hover = '';
        }
    },
    template: document.getElementById('xxx').innerHTML
};
Vue.component('xxx', xxx);
